<!doctype html>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name='gwt:property' content='locale=en'>

<title>Yui4Gwt example gallery</title>

<!-- ERROR: use YUI 3.5.1 - broken -->
    <script type="text/javascript" language="javascript" 
    	src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>

<!-- use YUI 3.0.0 and include shoveler.js -->
<!-- <script type="text/javascript" -->
<!-- 	src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script> -->
<!-- <script type="text/javascript" -->
<!-- 	src="http://gregthebusker.com/yui/shoveler/gallery-shoveler.js"></script> -->
	
	
<!-- ERROR: need to include CSS files explicitly -->
<link rel="stylesheet" type="text/css" href="http://gregthebusker.com/yui/shoveler/assets/shoveler-core.css">
<link rel="stylesheet" type="text/css" href="http://gregthebusker.com/yui/shoveler/testAmazon.css">
	
</head>
<body class="yui3-skin-sam">

	<div id="shoveler1" style="width: 700px;">
		<div class="yui-shoveler-header">
			<span class="yui-shoveler-page-text"></span>
			<h2>Shoveler 1 Test</h2>
		</div>
		<div class="yui-shoveler-body">
			<div class="yui-shoveler-button-left"></div>
			<ul class="yui-shoveler-cells">
				<li class="yui-shoveler-cell"><a
					href="http://www.amazon.com/Highway-Hell-AC-DC/dp/B00008BXJG/ref=pd_ys_home_shvl_8">
						<img width="130" height="130" border="0" id="" alt=""
						src="https://images-na.ssl-images-amazon.com/images/I/511%2B7rD9rFL._SL500_SS130_.jpg">
						Highway to Hell
				</a> (Audio CD) ~ AC/DC</li>
				<li class="yui-shoveler-cell"><a
					href="http://www.amazon.com/Infinity-Journey/dp/B000G7PNKY/ref=pd_ys_home_shvl_50">
						<img width="130" height="130" border="0" id="" alt=""
						src="https://images-na.ssl-images-amazon.com/images/I/51MQWN8X36L._SL500_SS130_.jpg">
						Infinity
				</a> (Audio CD) ~ Journey</li>
				<li class="yui-shoveler-cell"><a
					href="http://www.amazon.com/Essential-Toto/dp/B0000CF30I/ref=pd_ys_home_shvl_48">
						<img width="130" height="130" border="0" id="" alt=""
						src="https://images-na.ssl-images-amazon.com/images/I/51xKsJbem0L._SL500_SS130_.jpg">
						The Essential Toto
				</a> (Audio CD) ~ Toto</li>
				<li class="yui-shoveler-cell"><a
					href="http://www.amazon.com/Synchronicity-Digipak-Police/dp/B00008BRB5/ref=pd_ys_home_shvl_47">
						<img width="130" height="130" border="0" id="" alt=""
						src="https://images-na.ssl-images-amazon.com/images/I/51XhIp-RhhL._SL500_SS130_.jpg">
						Synchronicity [Digipak]
				</a> (Audio CD) ~ The Police</li>

				<li class="yui-shoveler-cell"><a
					href="http://www.amazon.com/Best-Talking-Heads/dp/B0002IQMKM/ref=pd_ys_home_shvl_46">
						<img width="130" height="130" border="0" id="" alt=""
						src="https://images-na.ssl-images-amazon.com/images/I/51FGxAW1%2BJL._SL500_SS130_.jpg">
						The Best of Talking Heads
				</a>(Audio CD) ~ Talking Heads</li>
				<li class="yui-shoveler-cell"><a
					href="http://www.amazon.com/Argybargy-Squeeze/dp/B000SLVW8K/">
						<img width="130" height="130" border="0" id="" alt=""
						src="https://images-na.ssl-images-amazon.com/images/I/61j%2BruFe5rL._SL500_SS130_.jpg">
						Argybargy
				</a>(Audio CD) ~ Squeeze</li>
				<li class="yui-shoveler-cell"><a
					href="http://www.amazon.com/Glass-House-Gentle-Giant/dp/B0030U1U6A/">
						<img width="130" height="130" border="0" id="" alt=""
						src="https://images-na.ssl-images-amazon.com/images/I/51SARprANjL._SL500_SS130_.jpg">
						In a Glass House
				</a>(Audio CD) ~ Gentle Giant</li>
			</ul>
			<div class="yui-shoveler-button-right"></div>
		</div>
	</div>


	<script type="text/javascript">

YUI({
	filter: "DEBUG",
    //Last Gallery Build of this module
//     gallery: 'gallery-2010.03.23-17-54'
}).use('gallery-shoveler', "node", function(Y) {
 
shoveler1 = new Y.Shoveler( {
        contentBox: "#shoveler1",
		numberOfVisibleCells: 3,
		cyclical: true,
		renderFunctionName: "renderCellsWithPop"
    });
shoveler1.render();
});
</script>

</body>
</html>
